<template>
  <transition name="fade">
          <div
            ref="popper"
            v-show={this.showPoper}
            class={['tooltip__popper', 'is-' + this.effect, this.popperClass]}
            onMouseleave={() => {
              this.setExpectState(false);
              this.debounceClose();
            }}
            onMouseenter={() => {
              this.setExpectState(true);
            }}
          >
            {this.$slots.content || this.content}
          </div>
        </transition>
</template>